<template>
  <!-- <el-menu default-active="0" @select="handleSelect">
    <el-menu-item index="0">精选</el-menu-item>
    <el-menu-item index="1">播客</el-menu-item>
    <el-menu-item index="2">动态</el-menu-item>

    <el-divider />
    <el-menu-item index="3">我喜欢的音乐</el-menu-item>
    <el-menu-item index="4">最近播放</el-menu-item>
    <el-menu-item index="5">下载管理</el-menu-item>
    <el-menu-item index="6">本地音乐</el-menu-item>
  </el-menu> -->

  <a-menu v-model:selectedKeys="selectedKeys" mode="vertical" :items="items" @click="handleClick" />




</template>

<script setup>
import { ref } from 'vue'

const items = ref([{
  key: '0',
  label: '精选',

}, {
  key: '1',
  label: '播客',

}, {
  key: '2',
  label: '动态',

},
{
  key: '3',
  label: '我喜欢的音乐',

}, {
  key: '4',
  label: '最近播放',

}, {
  key: '5',
  label: '下载管理',

}, {
  key: '6',
  label: '本地音乐',

}])





const handleClick = ({ item, key, keyPath }) => {
  // console.log("index", index);
  // console.log("indexPath", indexPath);
  console.log('item', item)
}
</script>
